<style lang='less' scoped>
 @import '~style/filter.less';

</style>

<template>
    <div >
        <div class="filterForm">
            <div class="filterContBox">
                <div class="filterLabel">产品编码</div>
                <el-input 
                size="small"
                v-model.trim="filterObj.productCode" 
                placeholder="请输入产品编码"
                class="filterInput"
                ></el-input>
            </div>
                <div class="filterContBox">
                <div class="filterLabel">产品名称</div>
                <el-input 
                size="small"
                v-model.trim="filterObj.productName" 
                placeholder="请输入产品名称"
                class="filterInput"
                ></el-input>
            </div>
            <div class="filterContBox">
                <div class="filterLabel">发行方</div>
                <el-select 
                clearable
                size="small"
                class="filterInput"
                v-model="filterObj.issuerId" 
                placeholder="请选择">
                    <el-option label="全部" value="">全部</el-option>
                    <el-option
                        v-for="item in issuerList"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id">
                    </el-option>
                </el-select>
            </div>
        </div>
            
        <div class="filterButton">
            <el-button type="warning" class="btn" v-if='getButtonConfig &&getButtonConfig.query' @click='setFilterParams()'>查询</el-button>
        </div>

    </div>
</template>

<script>
    import{} from '../config.js'
    export default {
        props:['getButtonConfig', 'issuerList'],
        components:{
        },
        data(){
            return{
                filterObj:{
                    productName:'',
                    productCode:'',
                    issuerId:'',
                },
            }
        },
        methods:{
            setFilterParams(){
                this.$emit('setFilterParams', this.filterObj)
            },
        },
        created(){
        },
  }
</script>